<?php use_helper('jQuery')?>

<fieldset id="<?php echo sprintf('field_%d', $num)?>">
    <legend>Campo</legend>
    <div class="form-row">
        <?php echo $form['Form']['Fields'][$num]['title']->renderLabel() ?>
        <div class="form-field">
            <?php echo $form['Form']['Fields'][$num]['title']->renderError() ?>
            <?php echo $form['Form']['Fields'][$num]['title']->render() ?>
        </div>
    </div>
    <div class="form-row">
        <?php echo $form['Form']['Fields'][$num]['field_type_id']->renderLabel() ?>
        <div class="form-field">
            <?php echo $form['Form']['Fields'][$num]['field_type_id']->renderError() ?>
            <?php echo $form['Form']['Fields'][$num]['field_type_id']->render() ?>
        </div>
        <?php echo jq_javascript_tag()?>
            $('select#ems_element_Form_Fields_<?php echo $num ?>_field_type_id').change(
                function(){
                    if($(this).val() == 10){
                        $('div#options_field_<?php echo $num ?>').fadeIn("slow");
                    } else {
                        $('div#options_field_<?php echo $num ?>').fadeOut('slow',
                            function(){
                                $(this).val('');
                            }
                        );
                    }
                }
            );
        <?php echo jq_end_javascript_tag()?>
    </div>
    <div id="<?php echo sprintf('options_field_%d', $num)?>"
         style="display: <?php echo ($form['Form']['Fields'][$num]['field_type_id']->getValue()==10 ? 'block' : 'none')?>">
        <div class="form-row" >
        <?php echo $form['Form']['Fields'][$num]['options']->renderLabel() ?>
        <div class="form-field">
            <?php echo $form['Form']['Fields'][$num]['options']->renderError() ?>
            <?php echo $form['Form']['Fields'][$num]['options']->render() ?>
        </div>
    </div>
    </div>
    <div class="form-row">
        <?php echo $form['Form']['Fields'][$num]['is_key']->renderLabel() ?>
        <div class="form-field">
            <?php echo $form['Form']['Fields'][$num]['is_key']->renderError() ?>
            <?php echo $form['Form']['Fields'][$num]['is_key']->render() ?>
        </div>
        <?php echo jq_javascript_tag()?>
            $('input#ems_element_Form_Fields_<?php echo $num ?>_is_key').change(
                function(){
                    if(this.checked){
                        $('input#ems_element_Form_Fields_<?php echo $num ?>_is_unique').attr('checked', true);
                        $('input#ems_element_Form_Fields_<?php echo $num ?>_is_required').attr('checked', true);
                        for(var i = 0; i < fields; i++ ){
                            if( i!=<?php echo $num ?> && $('input#ems_element_Form_Fields_'+i+'_is_key').is(':checked')){
                                alert('El campo '+(i+1)+' esta marcado como clave, será desmarcado.\nSólo puede haber un campo clave.');
                                $('input#ems_element_Form_Fields_'+i+'_is_key').attr('checked', false);
                            }
                        }
                    } else {
                        var key = false
                        for(var i = 0; i < fields; i++ ){
                            if(i!=<?php echo $num ?> && $("input#ems_element_Form_Fields_"+i+"_is_key").is(':checked')){
                                key = true
                            }
                        }

                        if(!key){
                            alert('Debe seleccionar al menos un campo como clave.');
                        }
                    }
                }
            );
        <?php echo jq_end_javascript_tag()?>
    </div>
    <div class="form-row">
        <?php echo $form['Form']['Fields'][$num]['is_unique']->renderLabel() ?>
        <div class="form-field">
            <?php echo $form['Form']['Fields'][$num]['is_unique']->renderError() ?>
            <?php echo $form['Form']['Fields'][$num]['is_unique']->render() ?>
        </div>
        <?php echo jq_javascript_tag()?>
            $('input#ems_element_Form_Fields_<?php echo $num ?>_is_unique').change(
                function(){
                    if(!this.checked){
                        if($('input#ems_element_Form_Fields_<?php echo $num ?>_is_key').is(':checked')){
                            alert('El campo está marcado como clave, por lo tanto sus valores deben ser únicos.\nPara desmarcar esta característica primero desmarque la característica "Clave".');
                            $(this).attr('checked', true);
                        } else {
                            alert('Este campo ahora admite valores duplicados.');
                        }
                    } else {
                        $('input#ems_element_Form_Fields_<?php echo $num ?>_is_required').attr('checked', true);
                    }
                }
            );
        <?php echo jq_end_javascript_tag()?>
    </div>
    <div class="form-row">
        <?php echo $form['Form']['Fields'][$num]['is_required']->renderLabel() ?>
        <div class="form-field">
            <?php echo $form['Form']['Fields'][$num]['is_required']->renderError() ?>
            <?php echo $form['Form']['Fields'][$num]['is_required']->render() ?>
        </div>
        <?php echo jq_javascript_tag()?>
            $('input#ems_element_Form_Fields_<?php echo $num ?>_is_required').change(
                function(){
                    if(!this.checked){
                        if($('input#ems_element_Form_Fields_<?php echo $num ?>_is_key').is(':checked')){
                            alert('El campo está marcado como clave, por lo tanto su llenado es obligatorio.\nPara desmarcar esta característica primero desmarque las características "Clave y Único".');
                            $(this).attr('checked', true);
                        } else if($('input#ems_element_Form_Fields_<?php echo $num ?>_is_unique').is(':checked')){
                            alert('El campo está marcado como único, por lo tanto su llenado es obligatorio sino podría tener valores nulos.\nPara desmarcar esta característica primero desmarque la característica "Único".');
                            $(this).attr('checked', true);
                        } else {
                            alert('Este campo ahora admite valores nulos.');
                        }
                    }
                }
            );
        <?php echo jq_end_javascript_tag()?>
    </div>
    <div class="form-row">
        <a class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary"
           id="<?php echo 'field_'.$num ?>" href="#" aria-disabled="false">
            <span class="ui-button-icon-primary ui-icon ui-icon-minusthick"></span>
            <span class="ui-button-text">Eliminar</span>
        </a>
    </div>
</fieldset>
<?php echo jq_javascript_tag("
        $('a#field_".$num."').click(function() {
            removeField($(this).parent().parent());
        });
    ")?>